<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>open方法</title>
    <script>
        function f1(){
            window.open();
        }
        function f2(){
            // open("01-引入方式.html");
            open("01-引入方式.html","aaa");
        }
        function f3(){
            // open("02-定义变量.html","abc","width=300px,height=200px");
            open("43-地址栏.html","abc","width=300px,height=200px");
        }
        function f4(){
            let win = open("02-定义变量.html","abc","width=300px,height=200px");
            // 方法的调用者是一个窗口对象,一般是通过open方法返回的窗口
            // 谁调用该方法,谁就被关闭
            win.close();
        }
        function f5(){
            let win = open("02-定义变量.html","abc","width=300px,height=200px");

            // 设置延迟执行指定的函数
            // 参数一:需要执行的函数
            // 参数二:延迟的时间。单位:毫秒
            setTimeout(function(){
                win.close();
            },3000)
        }

        function f6(){
            // 周期性的执行指定的函数。即:每隔一段时间执行一次函数
            // 参数一:需要执行的函数
            // 参数二:间隔的时间。单位:毫秒
            setInterval(function(){
                let win = open("02-定义变量.html","abc","width=300px,height=200px");
            },1000);
        }
        function f7(){
            // 周期性的执行指定的函数。即:每隔一段时间执行一次函数
            // 参数一:需要执行的函数
            // 参数二:间隔的时间。单位:毫秒
            let s = setInterval(function(){
                let win = open("02-定义变量.html","abc","width=300px,height=200px");
            },1000);

            // 可以取消周期性的事件
            setTimeout(function(){
                // 取消对应的周期性函数
                clearInterval(s);
            },6000);
        }
        function f8(){
            let win = open("02-定义变量.html","abc","width=300px,height=200px");
            // 设置延迟执行指定的函数
            // 参数一:需要执行的函数
            // 参数二:延迟的时间。单位:毫秒
            let s = setTimeout(function(){
                win.close();
            },3000);
            clearTimeout(s);
        }
    </script>
</head>
<body>
<button onclick="f1()">打开一个新的标签页</button><br>
<button onclick="f2()">打开一个指定的资源</button><br>
<button onclick="f3()">打开一个小窗口</button><br>
<button onclick="f4()">打开并关闭对应的小窗口</button><br>
<button onclick="f5()">打开后三秒关闭对应小窗口</button><br>
<button onclick="f6()">周期性打开小窗口</button><br>
<button onclick="f7()">周期性打开5个小窗口</button><br>
<button onclick="f8()">取消延迟函数</button><br>
</body>
</html>